@charset "utf-8";
/* CSS Document */



/**** DOM ****/

html { font-size: 100%; overflow-y:hidden; overflow-x:hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; line-height: 1.231; font-size: 100%; color:#FFF ; font-family: Futura-CondensedLight-Thin; background-color:#000;}
h2 { display:none; }
h3 { font-size:60px; font-weight:normal; padding:0; margin:0; font-family: Futura-CondensedLight-Thin; }
h4 { font-size:25px; font-weight:normal; padding:0; margin:0; font-family: Futura-CondensedLight-Thin; }

/**** NAV ****/
@font-face { font-family: Futura-CondensedLight-Thin; src: url(../fonts/fontnav-webfont.ttf); }
@font-face { font-family: HelveticaLTStd-Light; src: url(../fonts/helveticaltstd-light-webfont.ttf);}

header
{
	position:absolute;
	width:216px;
	height:100%;
	z-index:10;
	left:-216px;
	background-image:url(../img/elements/bg_nav.png);
	background-repeat:repeat;
	font-size:20px;
	display:none;
}

#shadow { position:absolute; z-index:150; left:216px; }

#logo { cursor:pointer; margin-bottom:60px; }

a, a:visited { color:#FFF; }

nav { position:absolute; width:103px; height:380px; }
nav ul { padding:0; margin-top:50px; }
	
nav li
{
	list-style:none;
	margin:0;
	cursor:pointer;
	width:103px;
	height:23px;
	margin-bottom:12px;
	text-align:center;
	text-shadow: 0px 0px 4px #000;
	
	-webkit-transition: color .6s ease;
  	-moz-transition: color .6s ease;
  	-o-transition: color .6s ease;
  	transition: color .6s ease;
	
	-webkit-transition: text-shadow .6s ease;
  	-moz-transition: text-shadow .6s ease;
  	-o-transition: text-shadow .6s ease;
  	transition: text-shadow .6s ease;
	
	cursor:pointer;
}

nav li:hover { color:#FFF; text-shadow: 0px 0px 4px #FFF; }

.navSelect { color:#FFF; text-shadow: 0px 0px 4px #FFF; cursor:default; }

#content { position:absolute; }

section
{
	position:absolute;
	background-position: 0px 0px; background-repeat:no-repeat; background-size: 1600px 900px;
	width:100%; height:500px;
	padding-left:216px;
}

footer { position:absolute; height:30px; text-align:right; z-index:50; text-shadow: 0px 0px 3px #000; display:none; cursor:default; font-size:15px; display:none; }

#bg { position:absolute; background-position: 0px 0px; background-repeat:no-repeat; background-size: 1600px 900px; }



/**** BASIC ****/
.waiterLoader { position:absolute; width:32px; height:32px; left:50%; top:50%; margin-left:-16px; margin-top:-16px z-index:150;
				background-image:url(../img/elements/main-loader.gif) };


/**** WORKS ****/
#works { position:relative; float:left; }
#colProdz { width:100px; height:400px; position:relative; float:left; z-index:10; }
#prodz { width:500px; position:abolute;}
.prod { position:relative; float:left; cursor:pointer; border-bottom:1px solid #333; width:100px; height:100px;/*box-shadow: 0px 10px 5px #000;*/}
.prodRoll { position:absolute; width:100%; height:100%; background-image:url(../img/elements/roll_nav_works.png); background-repeat:no-repeat; }
.layer { position:absolute; left:316px ;  }
.shots { position:absolute; width:50%; cursor:move; background-image:url(../img/elements/bg_layerworks.png); background-repeat:repeat;
		border: 1px solid #191919; box-shadow: 0px 5px 10px #000;}
.bodyShot { position:absolute; width:100%; height:100%;}


/* LAYER WORKS */
#descProdz { position:absolute; z-index:25; }
#worklayer { position:absolute; width:250px; background-image:url(../img/elements/bg_layerworks.png); background-repeat:repeat; padding:15px;
				border: 1px solid #191919;  box-shadow: 0px 5px 10px #000; }
.worktextfield { position:relative; width:100%; float:left; cursor:default; }
#worktitle { font-size:22px; text-shadow: 0px 0px 3px #FFF; margin-top:-5px;  }
#worksubtitle { color:#CCC; margin-top:3px;}
#workcredits { color:#CCC; margin-top:-1px }
#workcredits a { 	color:#CCC; text-decoration:none;
					-webkit-transition: background-color 0.4s ease;
					-moz-transition: background-color 0.4s ease;
					-o-transition: background-color 0.4s ease;
					transition: background-color 0.4s ease; }
					
#workcredits a:hover { color:#888; }
#workdesc { margin-top:6px; font-family: HelveticaLTStd-Light; font-size:12px; }

.bt { 	padding:0px; cursor:pointer; background-color:#FFF; width:70px; height:21px; margin-top:4px;
		text-align:center; vertical-align:middle;
		padding-top:4px; margin-top:15px; color:#000;
		-webkit-transition: background-color 0.4s ease;
		-moz-transition: background-color 0.4s ease;
		-o-transition: background-color 0.4s ease;
		transition: background-color 0.4s ease; }

.bt a { color:#000; text-decoration:none;}

.bt:hover {  background-color:#000; color:#FFF;  }
.bt:hover a, .bt:hover a:hover { color:#FFF;}


#miniNav { position:absolute; width:35px; height:150px; font-size:18px; color:#000; text-align:center;}
.miniNavItem { 	position:relative; margin-bottom:5px; float:left; cursor:default; width:25px; height:25px; border: 1px solid #191919;  box-shadow: 0px 5px 10px #000; background-color:#FFF;
				-webkit-transition: background-color .4s ease;
				-moz-transition: background-color .4s ease;
				-o-transition: background-color .4s ease;
				transition: background-color .4s ease; }
.miniNavItem:hover { color:#FFF; background-color:#000;}
.miniNavItemSelected, .miniNavItemSelected:hover { color:#FFF; background-color:#000; cursor:default; }

/* PLAYER */
#demoPlayer { position:absolute; display:none; background-image:url(../img/elements/bg_layerworks.png); background-repeat:repeat; z-index:80; }
#closeButton { position:absolute; z-index:110; width:30px; height:30px; cursor:pointer; }

/**** ABOUT ****/
#about {  }
#aboutTitle { font-size:30px; position:absolute; top:50px; padding-left:25px; width:300px; cursor:default; text-shadow: 0px 0px 10px #000; }
.part { position:relative; float:left; font-family: HelveticaLTStd-Light; width:440px; font-size:13px; margin-left:25px; margin-top:10px; cursor:default;}
.part ul {margin-top:2px; }
.part li { margin-left:-26px; margin-top:2px; }
.part img { margin-top:10px; }
#about #containerAbout { position:absolute; top:90px; height:500px;  width:730px;}
#about #containerAbout #desc { position:relative; float:left; background-image:url(../img/elements/bg_links-contact_dark.png); background-repeat:repeat;}
#isaac { position:relative; float:left; width:200px; margin-left:15px; } 
#isaac img { position:absolute; left:50%; margin-left:-97px;} 
#about a, #about a:visited { color:#FFF; text-decoration:none;
					-webkit-transition: color .5s ease;
					-moz-transition: color .5s ease;
					-o-transition: color .5s ease;
					transition: color .5s ease; }
#about a:hover { color:#CCC; text-decoration:none; }

/**** CONTACT ****/
#contact { font-size:22px;  }
#contact a { color:#FFF; text-decoration:none;  }
#contact #container { position:absolute; width:100%; height:200px; left:300px; top:150px;}
#contactTitle{ position:absolute; width:500px; text-align:left; cursor:default; padding-left:175px; font-size:30px; }
#contactTitle span { text-shadow: 0px 0px 10px #000;}

.contactBloc { 	position:absolute; float:left; vertical-align:middle; height:40px; width:100%; text-align:left; left:150px;
				padding-left:25px;
				background-image:url(../img/elements/bg_links-contact.png);
				background-repeat:repeat;
				margin-bottom:2px; } 
.contactBloc .title { 	position:absolute; vertical-align:bottom; margin-top:12px; left:0px; width:100%; height:40px; text-shadow: 0px 0px 3px #000; cursor:pointer;
						padding-left:25px;
						-webkit-transition: text-shadow .6s ease;
  						-moz-transition: text-shadow .6s ease;
						-o-transition: text-shadow .6s ease;
						transition: text-shadow .6s ease;
}
.contactBloc .title:hover { text-shadow: 0px 0px 6px #FFF; text-decoration:none;  }
.contactBloc .content { position:absolute; margin-top:45px; left:0px; width:100%; height:30px; font-family:HelveticaLTStd-Light; font-size:13px; padding-left:25px;}


/**** LINKS ****/
#links { font-size:13px; }
#linksTitle { font-size:30px; position:absolute; padding-left:25px; width:300px; cursor:default; text-shadow: 0px 0px 10px #000;}
#linksContainer { position:absolute; width:auto; height:auto;}
#links a { 	color:#FFF; text-decoration:none;
			-webkit-transition: text-shadow .6s ease;
			-moz-transition: text-shadow .6s ease;
			-o-transition: text-shadow .6s ease;
			transition: text-shadow .6s ease;
			font-family:  HelveticaLTStd-Light; }
#links ul { float:left; position:relative; padding:0;
			padding:25px; height:100%; width:110px; background-image:url(../img/elements/bg_links-contact.png); background-repeat:repeat;}
#links li { list-style:none; margin-bottom:3px;  }
#links a:hover { text-shadow: 0px 0px 6px #FFF; }
	